<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/static/lib/viewer/viewer.css">


    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<div style="width: 100%;height: 90%"><table class="layui-hide" id="records" lay-filter="record"></table></div>
</body>
</html>

<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <!--    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="dw">定位</a>-->
    {{# if (d.status ==0){ }}
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="edit"><i class="layui-icon">&#xe6b2;</i>未处理</a>
    {{# } else if(d.status ==1){ }}
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit"><i class="layui-icon">&#xe63d;</i>处理中</a>
    {{# } else if(d.status ==2) { }}
    <a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon">&#x1005;</i>已处理</a>
    {{# } else if(d.status ==3) { }}
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="edit"><i class="layui-icon">&#x1007;</i>误报/谎报</a>
    {{#  } }}
</script>

<form class="layui-form" id="xq" lay-filter="xq" style="display: none;">
    <input type="hidden" id="id" name="id" class="layui-input">
    <div class="layui-form-item" style="margin-top: 10px">
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">用户姓名:</label>
            <div class="layui-input-block">
                <input type="text" id="userName" disabled="disabled" name="userName" class="layui-input">
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">用户电话:</label>
            <div class="layui-input-block">
                <input type="text" id="userPhone" disabled="disabled" name="userPhone" class="layui-input">
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">城市:</label>
            <div class="layui-input-block">
                <input type="text" id="city" name="city" disabled="disabled" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">县区:</label>
            <div class="layui-input-block">
                <input type="text" id="district" disabled="disabled" name="district" class="layui-input">
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">地址:</label>
            <div class="layui-input-block">
                <input type="text" id="street" disabled="disabled" name="street" class="layui-input">
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">门牌号:</label>
            <div class="layui-input-block">
                <input type="text" id="streetNumber" disabled="disabled" name="streetNumber" class="layui-input">
            </div>
        </div>

    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">灾害类型:</label>
            <div class="layui-input-block">
                <select id="hazardType" name="hazardType">
                    <option value="">未选择</option>
                    <option value="-1">未知</option>
                    <option value="0">不稳定斜坡</option>
                    <option value="1">滑坡</option>
                    <option value="2">崩塌</option>
                    <option value="3">泥石流</option>
                    <option value="4">地面塌陷</option>
                    <option value="5">地裂缝</option>
                    <option value="6">地面沉降</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">灾害等级:</label>
            <div class="layui-input-block">
                <select id="hazardLevel" name="hazardLevel">
                    <option value="">未选择</option>
                    <option value="-1">未知</option>
                    <option value="0">一般</option>
                    <option value="1">较大</option>
                    <option value="2">重大</option>
                    <option value="3">特大</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">灾害规模:</label>
            <div class="layui-input-block">
                <select id="hazardScale" name="hazardScale">
                    <option value="">未选择</option>
                    <option value="-1">未知</option>
                    <option value="0">小型</option>
                    <option value="1">中型</option>
                    <option value="2">大型</option>
                    <option value="3">特大型</option>
                </select>
            </div>
        </div>

    </div>

    <div class="layui-form-item">
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label">创建时间:</label>
            <div class="layui-input-block">
                <input type="text" disabled="disabled" class="layui-input" id="createTime" name="createTime">
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label" style="color:red">灾害状态:</label>
            <div class="layui-input-block">
                <select id="hazardStatus" name="hazardStatus">
                    <option value="">未选择</option>
                    <option value="0">未治理</option>
                    <option value="1">已治理</option>
                    <option value="2">已搬迁</option>
                    <option value="3">已消亡</option>
                </select>
            </div>
        </div>
        <div class="layui-inline" style="width:30%">
            <label class="layui-form-label" style="color:red">处理结果:</label>
            <div class="layui-input-block">
                <select id="status" name="status">
                    <option value="">未选择</option>
                    <option value="0">未处理</option>
                    <option value="1">处理中</option>
                    <option value="2">已处理</option>
                    <option value="3">误报/谎报</option>
                </select>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="width:90%">
            <label class="layui-form-label">详细地址:</label>
            <div class="layui-input-block">
                <textarea id="addressDetail" name="addressDetail" disabled="disabled" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="width:90%">
            <label class="layui-form-label">灾害描述:</label>
            <div class="layui-input-block">
                <textarea id="hazardDetail" name="hazardDetail" disabled="disabled" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="width:90%">
            <label class="layui-form-label" style="color:red">反馈信息:</label>
            <div class="layui-input-block">
                <textarea id="feedback" name="feedback" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-inline" style="width:90%;">
            <label class="layui-form-label" style="color:red">备注:</label>
            <div class="layui-input-block">
                <textarea id="remark" name="remark" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>


    <div class="layui-form-item">
        <div class="container pull-left">
            <ul id="pic">

            </ul>
        </div>
    </div>

    <div class="layui-form-item" id="tijiao">
        <div class="layui-input-block" style="text-align:center;">
            <button class="layui-btn" lay-submit lay-filter="xq">修改</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>


<script type="text/javascript" src="/static/lib/jQuery/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layui/layui.js"></script>
<script type="text/javascript" src="/static/lib/viewer/viewer.js"></script>
<script type="text/javascript" src="/static/js/tools/coordtransform.js"></script>
<script type="text/javascript" src="/static/js/admin/records.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#createTime' //指定元素
        });
    });
</script>
